<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
       GET  http://www.liulongbin.top:3009/api/get
       POST http://www.liulongbin.top:3009/api/post
  -->
  <script>
    // 发送 ajax请求， axios 库
    // 需求：封装myAxios函数，以便实现和axios() 效果一样

    function myAxios(config) {
      // config 是配置对象
      console.log('执行了函数', config, config.method, config.url)
    }

    // 发送ajax请求
    // myAxios({
    //   method: 请求方式,
    //   url: 请求url地址,
    //   params: 查询参数,
    //   data: 请求体数据,
    //   success: function (result) {
    //     // success 回调函数，在请求成功的时候回来执行，并且形参result获取到服务器响应结果
    //     //  替代了then()
    //   }
    // })

    // .then() 方法涉及到 Promise知识点 （nodejs学习）
    // .then(function (result) { 获取到服务器响应的结果 })

    // 使用myAxios发送get请求
    myAxios({
      method: 'get',
      url: 'http://www.liulongbin.top:3009/api/get',
      params: {
        a: 1,
        b: 2
      },
      success: function (result) {
        // success 回调函数，在请求成功的时候回来执行，并且形参result获取到服务器响应结果
        //  替代了then()
        console.log(result)
      }
    })
  </script>
</body>

</html>